<template>
  <div class="mobile-server-preview common-mobile-view">
    <span style="text-align: center;">{{ route.params.url }}</span>
    <iframe :src="route.params.url" class="preview-file"/>
  </div>
</template>

<script lang="ts" setup>
import { useRoute } from 'vue-router'

const route = useRoute()
</script>

<style lang="scss">
.mobile-server-preview {
  display: flex;
  flex-direction: column;
  gap: 5px;

  .preview-file {
    flex-grow: 1;
  }
}
</style>
